<template>
  <div class="index-wrap">
     <chihe></chihe>
        <div  class="wousloew-a"   ref="divScroll">
       <div class="fowilsw">
       <swiper></swiper>
       <howh></howh>
       <douswi></douswi>
       <wzmodle></wzmodle>
       <fanhui @sendBackTop="bindBacktop"></fanhui>
           </div>
       </div>
  </div>
</template>

<script>
import BScroll from "better-scroll";
import  swiper  from '../module/Swiper/Swiper'
import  chihe from '../module/Chihe/Chihe'
import  howh from '../module/Howh/Howh'
import  douswi from '../module/Douswi/Douswi'
import  wzmodle from '../module/wzmodle/wzmodle'
import  fanhui from '../module/fanhui/fanhui'
export default {
  name: 'Index',
data(){
   return{
     	bs:null,
				show:false,
				count:20,
        page:2,
        momentum: true,
   }
},

methods:{
  setscroll(){
    var bs = this.$refs.divScroll;
       this.bs = new BScroll(this.$refs.divScroll, {
            click: true,
            probeType: 2,
            pullUpLoad: true
          });
          
    },
    bindBacktop(){
      this.bs.scrollTo(0, 0, 300);
      // console.log(1);
    },
    
  },
   mounted() {
    this.setscroll();
  },
  components:{
    chihe,
    swiper,
    howh,
    douswi,
    wzmodle,
    fanhui,
  }
}
</script>
<style>

.wousloew-a{
  height: 645px;
  width:100%; 
   overflow: hidden;
}
</style>